/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
Ext.BLANK_IMAGE_URL='../../resources/images/default/s.gif';
Ext.onReady(function(){

    //Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    // create some portlet tools using built in Ext tool ids
    var tools = [{
        id:'gear',
        handler: function(){
            Ext.Msg.alert('Message', 'The Settings tool was clicked.');
        }
    },{
        id:'close',
        handler: function(e, target, panel){
            panel.ownerCt.remove(panel, true);
        }
    }];
    
    var form = new Ext.form.FormPanel({
		frame : true,
		bodyStyle : 'padding:5px 5px 0',
		labelWidth : 120, 
		autoScroll:true,
		items : [{
			layout : 'column',
			items : [{
				columnWidth : .5,
				layout : 'form',
				items : [{
					xtype : 'textfield',
					fieldLabel : '申请人',
					name : 'first',
					anchor : '70%',
					disabled:true
				}, {
					xtype : 'textfield',					
					fieldLabel : '申请人部门',
					name : 'company',
					anchor : '70%',
					disabled:true
				}, {
					xtype : 'textfield',
					fieldLabel : '需求种类',
					name : 'last',
					anchor : '70%'
				}, {
					xtype : 'textfield',
					fieldLabel : '工作地点',
					name : 'last',
					anchor : '70%'
				}]
			}, {
				columnWidth : .5,
				layout : 'form',
				items : [{
					xtype : 'textfield',
					fieldLabel : '提交人',
					name : 'last',
					anchor : '70%',
					disabled:true
				}, {
					xtype : 'textfield',
					fieldLabel : '申请人联系电话/分机',
					name : 'email',
					vtype : 'email',
					anchor : '70%'
				}]
			}]
		}, {
			xtype : 'textarea',
			fieldLabel : '用户服务需求描述',
			name : 'last',
			height : 60, 
			anchor : '85%'
		}, {
			layout : 'column',
			items : [{
				columnWidth : .5,
				layout : 'form',
				items : [{
					xtype : 'datefield',
					fieldLabel : '需求提出时间',
					format  : 'Y-m-d', 
					name : 'last',
					anchor : '70%'
				}]
			}, {
				columnWidth : .5,
				layout : 'form',
				items : [{
					xtype : 'datefield',
					fieldLabel : '希望完成时间',
					format  : 'Y-m-d', 
					name : 'email',
					anchor : '70%'
				}]
			}]
		}]
	});
	
	var actionBottom ={layout:'column',
	title : '工作流处理',
	bodyStyle : 'padding:5px 5px 0',
	height:60,
	items: [{
	    columnWidth: .06,
	    items :[{
				text:'保存',
				xtype:'button'
			}]
	},{
	    columnWidth: .06,
	    items :[{
				text:'保存',
				xtype:'button'
			}]
	},{
	    columnWidth: .06,
	    items :[{
				text:'保存',
				xtype:'button'
			}]
	},{
		columnWidth: .20,
	    items :[{
				xtype:'combo'
			}]
	}]}


    
    var actionTop=  {
		title : '工作流处理',
		tools : tools,
		autoScroll:true,
		layout:'column',
		height: 0,
		items : [new Ext.Panel({
			columnwidth:.25,
			items :[{
				text:'保存',
				xtype:'button'
			}]
		}), new Ext.Panel({
			columnwidth:.25,
			items :[{
				text:'保存1',
				xtype:'button'
			}]
		})],	
		buttonAlign : 'left'
	};
    
	var columnPanel = {
		title : '工作流处理',
		tools : tools,
		autoScroll : true,
		height : 0,
		items : new Ext.form.FormPanel({
			bodyStyle : 'padding:5px',
			defaults : {
				bodyStyle : 'padding:15px'
			},
			items : [{
				layout : 'column',
				items : [{
					xtype : 'textfield',
					text : '保存'
				}, {
					xtype : 'textfield',
					text : '保存1'
				}]
			}]
		}),
		buttonAlign : 'left'
	};
	
    var viewport = new Ext.Viewport({
        layout:'border',
        items:[{
            xtype:'portal',
            region:'center',
            margins:'0 0 0 0',
            items:[{
                columnWidth:.98,
                style:'padding:10px 0 10px 10px',
                items:[actionBottom,{
                    title: 'Grid in a Portlet',
                    layout:'fit',
                    tools: tools,
                    height:500,
                    items: form
                },actionBottom]
            }]
        }]
    });
});